<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <style type="text/css" media="screen">
        body {
            margin: 0;
            padding: 0;
        }
        div {
            width: 80px;
            height: 80px;
            border: 1px solid red;
            float: left;
            box-sizing: border-box;
        }    
    </style>
</head>
<body>

    <div></div>
     <div></div>
      <div></div>
       <div></div>
    <!-- <script type="text/javascript" charset="utf-8">
        var div = document.getElementById('div1');
        
        div.addEventListener('touchstart',start);  //按下监听事件
        div.addEventListener('touchmove',move);    //按下移动事件
        div.addEventListener('touchend',end);    //按下抬起事件

        function start() {
            console.log('按下');    //开发者工具中查看
        }

        function move() {
             console.log('移动');   //开发者工具中查看
        }

        function end() {
             console.log('抬起');   //开发者工具中查看
        }

        
    </script> -->
</body>
</html>
